body.mceContentBody { 
	background: #FFFFFF; 
	font-family: "open-sans", sans-serif;
	font-weight: 300;
	color: #58595b;
        font-size:14px;
}

* {
    
      box-sizing: border-box;
}

.circleamber {
      width: 60px;
      height: 60px;
      padding: 2px;
      background-color: #d6ab2a;
      color: #ffffff !important;
      border-radius: 30px;
      margin-top: -5px;
      margin-right: 40px;
      margin: -5px 40px 0px 0px;
      float: left;
      text-align: center;
      padding-top: 20px;
      box-sizing: border-box;
      font-size: 24px;
}

.circlegreen {
      width: 60px;
      height: 60px;
      padding: 2px;
      background-color: #5fad46;
      color: #ffffff !important;
      border-radius: 30px;
      margin-top: -5px;
      margin-right: 40px;
      margin: -5px 40px 0px 0px;
      float: left;
      text-align: center;
      padding-top: 20px;
      box-sizing: border-box;
      font-size: 24px;
}
.circlered {
      width: 60px;
      height: 60px;
      padding: 2px;
      background-color: #ee212c;
      color: #ffffff !important;
      border-radius: 30px;
      margin-top: -5px;
      margin-right: 40px;
      margin: -5px 40px 0px 0px;
      float: left;
      text-align: center;
      padding-top: 20px;
      box-sizing: border-box;
      font-size: 24px;
     
}

.dotamber{
      width: 20px;
      height: 20px;
      background-color: #d6ab2a;
      border-radius: 10px;
      float: left;
      margin-right: 5px;     
}

.dotgreen {
      width: 20px;
      height: 20px;
      background-color: #5fad46;
      border-radius: 10px;
      float: left;
      margin-right: 5px;     
}

.dotred {
      width: 20px;
      height: 20px;
      background-color: #ee212c;
      border-radius: 10px;
      float: left;
      margin-right: 5px; 

}

body {
	font-family: "open-sans", sans-serif;
	font-weight: 300;
	color: #58595b;
        font-size:14px;
	/* list-style-image:   url(https://anfab.org.au/admin/images/bullet_white.gif); */ 
	box-sizing: border-box !important;
	}

/* CLASS STYLES */

/* A */

address {
      font-size:11px;
      font-weight: 100;
      line-height: 16px;
      color: #000000;
}

/* B */

.boardmember {
       width: 32%;
       margin-right: 5px;
       padding: 5px;
       background-color: #e1e1e1;
       height: 500px;
       float: left;
       margin-bottom: 5px;
}
.boardphoto {
       
       width: auto;
       height: auto;
       float: left;
       padding-top: 20px;
       padding-right: 20px;
       padding-bottom: 20px;
       padding-left: 20px;
       margin-top: 0px;
       margin-right: 30px;
       margin-bottom: 20px;
       border: 1px #929497 solid;
       text-align: center; 
       
}
.boardtitle h4 {
       font-size: 24px;
       line-height: 30px;
       font-weight: 300;
       color: #333333;
       margin-top:30px;
       margin-bottom: 0px;
}
.boardtitle h6 {
       font-size: 14px;
	line-height: 18px;
	font-weight: 300;
        text-transform: uppercase;
	color: #999999;
        margin-top:0px;
}
.boardwords {
       width: 880px;
       padding: 0px;
       height: auto;
       float: left;
       
}  


.book {
       width: 220px;
       height: 290px;
       float: left;
       padding-top: 20px;
       margin-top: 20px;
       margin-right: 10px;
       margin-bottom: 20px;
       border: 1px #929497 solid;
       text-align: center; 
}
.bookreview {
       width: 900px;
       height: 320px;
       float: left;
       padding-top: 20px;
       padding-bottom: 0px;
       padding-left: 20px;
       margin-top: 20px;
       margin-bottom: 0px;
       border: 1px #929497 solid;
       
}
.bookreviewphoto {
       
       width: 200px;
       height: auto;
       padding-left: 0px;
       margin-right : 20px;
       margin-bottom: 0px;
       float: left;
       text-align: center; 
}
       

.bookreview h4 {
      
       line-height:24px;
       margin-bottom: 10px
       
}
.bookreview h6 {
         
        margin-top:1px;
        margin-bottom:10px;
        line-height: 14px;
}

.bookreview address {
         
        font-size: 13px;
        line-height: 16px;
        color: #666666; 
        margin-bottom: 5px;
        margin-bottom: 5px;      
}
.bookreviewwords {
       width: 650px;
       height: auto;
       bottom: 0px;
       text-align: left;
       padding-left:0px;
       padding-right: 0px;
       float: left;

       
}  
.box1 {
       width: 100%;
       margin-bottom: 50px;
       background-color: #999999;
       height:400px;
       position:relative;
       overflow: hidden;
       
}
.box1 img {
       width: 100% !important;
       height:auto !important;
}
.box1title {
       position:absolute;
       width:100%;
       height:auto;
       bottom: 10px;
       text-align: center;
       padding:20px;
       color: #FFFFFF;
       font-size:42px;
       line-height: 40px;
       font-weight: 800;
        text-transform: uppercase;
}

.box2 {
       width: auto;
       margin-bottom: 50px;
       background-color: #ffffff;
       height:290px;
       position:relative;
       overflow: hidden;
       
}
.box2 img {
       width: auto !important;
       height:auto !important;
}
.box2title {
       position:absolute;
       width:80%;
       height:auto;
       bottom: 10px;
       text-align: center;
       padding:20px;
       color: #666666;
       font-size:42px;
       line-height: 40px;
       font-weight: 600;
        text-transform: uppercase;
}

.box3, .box3clear {
       width: 358px;
       margin-left: 0px;
       margin-right : 30px;
       margin-bottom: 10px;
       float: left;
       
       height:270px;
       position:relative;
}
.box3R, .box3Rclear {
       width: 350px;
       margin-left: 0px;
       margin-right : 0px;
       margin-bottom: 10px;
       float: left;
      
       height:270px;
       
       position:relative;
}
.box3Rtweet, .box3Rtweetclear {
       width: 350px;
       margin-left: 0px;
       margin-right : 0px;
       margin-bottom: 30px;
       float: left;      
       height:270px;
       border: 1px #929497 solid;
       text-align: center; 
       position:relative;
       overflow: auto;
}
.box3Rmembership, .box3Rmembershipclear {
       width: 350px;
       padding-top:20px;
       padding-right: 20px;
       padding-bottom: 20px;
       padding-left: 20px;
       margin-left: 0px;
       margin-right : 0px;
       margin-bottom: 30px;
       float: left;      
       height:auto;
       border: 1px #929497 solid;
       text-align: center; 
       position:relative;
       overflow: auto;
}
.box3clear {
       clear:both;
}
.box3 img {
       width: 100% !important;
       height:auto !important;
}
.box3above {
       margin-bottom: 50px;
}

.box3title {
       position:absolute;
       width:100%;
       
       height:40px;
       bottom: 10px;
       background-color: #929497;
       opacity: 1;
       overflow: hidden;
       text-align: center;
}

.box3title h1 {
       font-size: 30px;
       font-weight: 600;
        
       margin-top: 0px;
       margin-bottom: 0px;
       padding-bottom: 0px;
       color: #FFFFFF;
       
}

.box3title h2 {
       font-size: 16px;
}

.box3title p {
       font-size: 14px;
}

.box4, .box4clear {
       width: 23.2%;
       margin-left: 0px;
       margin-right : 20px;
       margin-bottom: 10px;
       float: left;
       height:auto;
       position:relative;
}
.box4R, .box4Rclear {
       width: 23.2%;
       margin-left: 0px;
       margin-right : 0px;
       margin-bottom: 10px;
       float: left;
       height:210px;
       border: 1px #929497 solid;
       text-align: center; 
       position:relative;
}
.box4clear {
       clear:both;
}
.box4 img {
       width: 100% !important;
       height:auto !important;
}
.box4above {
       margin-bottom: 50px;
}

.box4title {
       position:absolute;
       width:90%;
       margin-left: 5%;
       height:50px;
       bottom: 10px;
       background-color: #999999;
       opacity: .3;
       overflow: hidden;
       text-align: center;
}

.box4title h3 {
       font-size: 24px;
       font-weight: 600;
       padding-bottom: 15px;
       color: #FFFFFF;
}

.box4title p {
       font-size: 14px;
}

#boarddirectors {
      margin-top: 10px;
}

#boarddirectors h2 {
       font-size: 24px;
}

#boarddirectors p {
       font-size: 12px;
       line-height: 16px;
}

.boxgreen {
      width: 100%;
      padding: 20px;
      margin-bottom: 10px;
      border: 1px #929497 solid;
      box-sizing: border-box;
}


.boxgreen p, .boxgreen h5, .boxgreen a, .boxgreen a:link, .boxgreen a:visited {
     
      }

/* C */


.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
.contentbook {
       width:auto;
       padding-left: 30px;
       padding-right: 0px;
       float: left;
       margin-top: 30px;
       
}

.contenthome {
       width:95%;
       margin-left: 30px;
       padding-right: 0px;
       float: left;
       margin-top: 30px;
       
}

.contenthomepara {
      padding-left: 30px;
      padding-right: 30px;
      font-family: "open-sans", sans-serif;
      font-size: 16px;
      font-weight: 200;
      line-height: 30px;
      color: #999999;
      margin-bottom: 50px;
}
.contentleft {
       width:67.5%;
       padding-left: 30px;
       padding-right: 30px;
       float: left;
}
.contentright {
       width:22%;
       margin-top: 30px;
       padding-right: 10px;
       padding-left: 10px;
       float:left;
       
}
.contentright h4{
       font-size: 22px;
       line-height: 30px;
       color: #c52026;
       
}
.contentright p, ul, li {
      font-size: 13px;
      font-weight: 300;
      line-height: 22px;
      margin-bottom:10px;
      color: #58595b;
}
.contentnews {
       width:auto;
       padding-left: 0px;
       padding-right: 0px;
       float: left;
       margin-top: 30px;
       
}
/* D */

/* E */

/* F */

fieldset {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

.formmandatory {
        color: #FF0000;
	font-size:16px;
	line-height:10px;
	}
.formmandatory:after {
	content: "#";
	}
.formmandatorytitle:after {
	content: " required fields";
	}
.formtable {
	}
.formleftcol, .formrightcol {
        margin-top: 10px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom: 10px;
	}
.formleftcol {
	font-weight: normal;
	font-style: italic;
        text-align:right;
}
.formrightcol {
}
.formitem {
	font-size: 14px;
        font-weight: 100;
	font-style: italic;
        margin-top: 10px;
        margin-bottom:5px;
}
.formfield {
	margin-left: 20px;
        margin-bottom: 10px;
}
.formnotestart {
}
.formnote {
	color: #999999;
}

/* G */


/* H */

h1 {
        font-size: 38px;
	line-height: 40px;
	font-weight: 600;
	color: #333333;
        margin-top: 30px;
        margin-bottom: 30px;
        text-transform: uppercase;
        
}

h2 {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
       
	color: #333333;
        margin-bottom:30px;
}

h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
        
	color: #333333;
        margin-top:20px;
}

h4 {
        
        font-size: 30px;
	line-height: 30px;
	font-weight: 300;
	color: #484848;
        margin-top:20px;
}

h5 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
        text-transform: uppercase;
	color: #999999;
        margin-top:20px;
}

h6 {
	font-size: 14px;
	line-height: 18px;
	font-weight: 300;
        text-transform: uppercase;
	color: #929497;
        margin-top:20px;
}

/* I */

.indent100 {
        margin-left: 100px;
}

img {
	border: 0px;
}

.image_left_pad_10_right {
	float: left;
	padding-right: 10px;
}

.image_right_pad_10_left {
	float: left;
	padding-left: 10px;
}
.image_logo {
	width: auto;
       height: auto;
       padding-top: 20px;
       padding-right: 20px;
       padding-bottom: 20px;
       padding-left: 20px;
       margin-top: 0px;
       margin-bottom: 20px;
       border: 1px #929497 solid;
       text-align: center; 
       background-color: #FFFFFF;
}

input[type="text"] {
	color: #000000;
	vertical-align: middle;
	border: 1px #999999 solid;
	height: 20px;
	background-color: #e1e1e1;
}

.image_3  {
       width: 32%;
       margin-left: 0px;
       margin-right : 15px;
       margin-bottom: 20px;
       float: left;
       height:auto;
}
.image_3R  {
       width: 32%;
       margin-bottom: 20px;
       float: left;
       height:auto;
}
.image_top1  {
       width: auto;
       margin-top: -5px;
       margin-left: -30px;
       margin-right : -30px;
       margin-bottom: 40px;
       float: left;
       height:auto;
}
.image_top2  {
       width: auto;
       margin-top: 0px;
       margin-left: 0px;
       margin-right : 0px;
       margin-bottom: 40px;
       float: left;
       height: auto;
}
input[type="text"]:hover {
	background-color: #FFFFFF;
}

input[type="button"], input[type="submit"], .button  {
	color: #FFFFFF;
	font-style: normal;
	font-size: 14px;
	padding: 10px;
	border-radius: 4px;
	background-color: #58595B;
	/* h-shadow v-shadow blur spread color */
	-moz-box-shadow:    4px 4px 2px 0px #ccc;
	-webkit-box-shadow: 4px 4px 2px 0px #ccc;
	box-shadow:         4px 4px 2px 0px #ccc;
}

input[type="button"]:hover, input[type="submit"]:hover, .button:hover  {
	background-color: #c52026;
}

.button a, .button a:link, .button a:visited {
       color: #FFFFFF;
       text-decoration: none;
}

/* J */

/* K */

/* L */

.greylineabove {
      border-top: 1px solid #929497;
      padding-top: 20px;
}

/* M */

#memberssignup {
     width: 70%;
}

.memberssignupnote {
     margin: 10px 0px 5px 0px;
}

.memberssignupleft {
     width: 100%;
}
.memberssignupright {
     width: 100%;
     padding-bottom: 5px;
}

.membercontainer {
    position: relative;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 200px;
    border-bottom: solid 1px #666666;
    min-height: 200px;
    display: table;
    width: 100%;
    height:auto;
}

.memberlogo {
    position:absolute;
    top:30px;
    left: 0px;
    max-width: 190px;
    height: auto;
    max-height: 150px;
    width: auto;
}
.membername {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    color: #333333; 
}
.memberspecies {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #58595b;

}
.membercontact {
   font-style: italic;
}

/* N */

.navigation {
	background-color:#CCCCCC;
	padding:20px;
}

.news {
       width: 750px;
       height: auto;
       float: left;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       margin-top: 20px;
       margin-bottom: 20px;
       
       
}
.newsphoto {
       
       width: 240px;
       height: auto;
       padding-left: 0px;
       margin-right : 20px;
       margin-bottom: 0px;
       float: left;
       text-align: center; 
       margin-bottom: 20px;
}
       

.news h3 {
      
       line-height:20px;
       margin-top: -40px;
       margin-bottom: 5px
       
}
.news h6 {
         
        margin-top:1px;
        margin-bottom:10px;
        line-height: 14px;
}

.news address {
         
        font-size: 13px;
        line-height: 16px;
        color: #666666; 
        margin-bottom: 5px;
        margin-bottom: 5px;      
}
.newswords {
       width: 495px;
       height: auto;
       bottom: 0px;
       text-align: left;
       padding-left:0px;
       padding-right: 0px;
       float: left;
       margin-bottom: 20px;
}
.newswordsnopic {
       width: auto;
       height: auto;
       bottom: 0px;
       text-align: left;
       padding-left:0px;
       padding-right: 0px;
       float: left;
       margin-bottom: 20px;
}
.nutritionalvalues {
        float:right;
        margin-left:20px;
        margin-right:1px;
}

.none {}


/* O */

/* P */

p, ul, li {
      font-family: "open-sans", sans-serif;
      font-size: 14px;
      font-weight: 300;
      line-height: 20px;
      color: #58595b;
}

/* Q */

/* R */

.roundedbox {
      border: 1px #993300 solid;
      border-radius: 5px;
      background-color: #e2ea96;
      padding:10px;
      margin-bottom: 10px;
      
}

/* S */

.shaddowbox {
	 /* box-shadow: h-shadow v-shadow blur spread color inset; */
    -moz-box-shadow:    3px 3px 3px 0px #ccc;
    -webkit-box-shadow: 3px 3px 3px 0px #ccc;
    box-shadow:         3px 3px 3px 0px #ccc;
}

.slideShowImage {
	height: 100px;
	width: auto;
}

sup {
     font-size: 10px;
}

/* T */

#table1 {
    font-size:13px;
    /* width:95%; */
    border-collapse:collapse;
margin-top: 10px;
}
#table1 td, #table1 th {
       border:1px solid #FFFFFF;
       padding:3px 7px 2px 7px;
	   vertical-align:top;
}
#table1 th {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 4px;
	background-color: #666;
	color: #ffffff;
	font-weight: bold;
}
#table1 th A {
	color:#ffffff;
}
#table1 tr:nth-child(odd) {
	background-color: #e2ea96;
}
#table1 tr:nth-child(even) {
	background-color: #b8e380;
}
#table1 tr:hover {
	background-color: #e6d77e;
}


.textbox   {
	color: #000000;
	vertical-align: middle;
	border: 1px #999999 solid;
	height: 20px;
	background-color: #e1e1e1;
}
.textblock  {
	color: #000000;
	text-align: left;
	vertical-align: middle;
	border: 1px #999999 solid;
	background-color: #e1e1e1
}

textarea:hover {
	background-color: #c52026;
}

/* U */

/* V */

/* W */

/* X */

/* Y */

/* Z */

/* =================== for mobiles devices ================================================== */
/* rules that only apply for canvases narrower than 600px ie mobiles*/

@media only screen and (max-width: 600px) { 

body {
	margin: 10px;
	}

/* A - MOBILE STYLE */
/* B - MOBILE STYLE */

.boardmember {
       width: 100%;
       margin-right: 5px;
       padding: 5px;
      
       height: 500px;
       float: none;
       margin-bottom: 5px;
}
.book {
       width: 100%;
       float: none;
      
}
.bookreview, .bookreviewphoto, .bookreviewwords {
       width: 100%;
       float: none;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       margin-top: 10px;
       margin-bottom: 10px;
       border: none;
       height: auto;
}
.box3, .box3R, .box3Rtweet {
       width: 100%;
       margin-left: 0px;
       margin-right : 0px;
       float: none;
}
.box3title {
       position:absolute;
       width:100%;
       margin-left: 0;
       height:50px;
       bottom: 10px;
       background-color: #929497;
       opacity: .7;
       overflow: hidden;
       text-align: center;
}
.button {
       margin: 5px 0px 5px 0px;
       display: block;
       width: 100%;
}

/* C - MOBILE STYLE */
.calendarIcon {
	height:40px;
	width:auto;
}
.CalendarTable {
	width:100%;
	font-size: 20px;
	height: 100%;
}
.CalendarTable TD {
	/*padding: 10px;*/
}
.CalendarSelect {
	font-size: 20px;
}
.contenthome,.contentleft, .contentright {
      width: 100%;
      float: none;
      padding-right: 0px;
      padding-left: 0px;
      margin-right: 0px;
      margin-left: 0px;
}

/* D - MOBILE STYLE */
/* E - MOBILE STYLE */
/* F - MOBILE STYLE */
.formleftcol, .formrightcol {
       float: none !Important;
       width:100% !Important;
       text-align:left;
}
/* G - MOBILE STYLE */
/* H - MOBILE STYLE */
/* I - MOBILE STYLE */

.image_3, .image_3R  {
       width: 48%;
      
       margin-right: 10px;
}

input[type=radio], input[type=checkbox] 
{ 
width:30px; 
height:30px; 
margin:10px;
}
/* J - MOBILE STYLE */
/* K - MOBILE STYLE */
/* L - MOBILE STYLE */
/* M - MOBILE STYLE */

#memberssignup {
     width: 100%;
}



/* N - MOBILE STYLE */

.news {
       width: 100%;
       float: none;
}
.newsphoto {
       width: 100%;
       float: none;
       margin-right: 0px;
}
.newswords {
       width: 100%;
       float: none;
}
/* O - MOBILE STYLE */
/* P - MOBILE STYLE */
/* Q - MOBILE STYLE */
/* R - MOBILE STYLE */
/* S - MOBILE STYLE */
/* T - MOBILE STYLE */
.textbox, .textblock, input[type="text"] {
	width: 90% !Important;
}

/* U - MOBILE STYLE */
/* V - MOBILE STYLE */
/* W - MOBILE STYLE */
/* X - MOBILE STYLE */
/* Y - MOBILE STYLE */
/* Z - MOBILE STYLE */


}

/* ======= SPECIAL BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE ====== */

.example-right {
  position:relative;
  padding: 15px 15px 10px ; /* T R B L */
  margin:0;
  color:#fff;
  background:#FF9966; /* default background for browsers without gradient support */
  /* css3 */
  background:-webkit-gradient(linear, 0 0, 0 100%, from(#FF9966), to(#FF6600));
  background:-moz-linear-gradient(#FF9966, #FF6600);
  background:-o-linear-gradient(#FF9966, #FF6600);
  background:linear-gradient(#FF9966, #FF6600);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* Creates the Triangle */
.example-right:after {
  content:"";
  position:absolute;
  bottom:-50px;
  left:50px;
  border-width:0 20px 50px 0px;
  border-style:solid;
  border-color:transparent #FF6600;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
}